// Components/Tabs/Tabs.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
      tabs: {
        type: Array,
        value: [],
      }
  },

  /**
   * 组件的初始数据
   */
  data: {
    tabs: [
      {
        id: 0,
        title: "首页",
        isActive: true
      },{
        id: 1,
        title: "原创",
        isActive: false
      },{
        id: 2,
        title: "分类",
        isActive: false
      },{
        id: 3,
        title: "关于",
        isActive: false
      }
    ]
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 组件中绑定的方法，要全部写到 methods 中
    handleItemTap(item){
      // 组件内部自己处理数据

      // let index = item.currentTarget.dataset.index;
      // let list = JSON.parse(JSON.stringify(this.data.tabs))
      // list.forEach((v,i)=>{
      //     i === index ?
      //     v.isActive = true :
      //     v.isActive = false
      // })
      // // this.setData() 来修改data中的数据
      // this.setData({
      //   tabs: list
      // })

      // 通过父级传递的数据，应该把操作数据转交给父级来做，组件做发射即可
      let index = item.currentTarget.dataset.index;
      this.triggerEvent("itemChange",{index})
    }
  }
})
